<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="page" class="container" id="join_room_person">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>참여자 설정</h2>
                      
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
       <!--참여자 영역-->
       <div class="person_take" >
            <h3>참여자  <span><mark>2명</mark> / 5명</span></h3>
            
            <ul data-role="none" class="person_list" id="person_member_listview">
                <!--참여자 없을때 보여주는 영역-->
                <!--li class="no_l">참여자 목록이 없습니다.</li-->
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h5>잭니클라우스</h5>                    
                    <ul class="per_info">
                        <li>
                            <!--남자일때-->
                            <!--span class="sex_m">남</span-->
                            
                            <!--여자일때 -->
                            <span class="sex_w">여</span>
                        </li>
                        <li>수도권(서울/경기/인천)</li>
                        <li>30대</li>
                        <li>핸디 : 12</li>
                        <li>평균타수 : 120</li>
                    </ul>
                    <label for="a1"></label>
                    <input type="checkbox" id="a1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                   
                </li>
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h5>타이거우즈</h5>                    
                    <ul class="per_info">
                        <li>
                            <!--남자일때-->
                            <span class="sex_m">남</span>
                            
                            <!--여자일때 -->
                            <!--span class="sex_w">여</span-->
                        </li>
                        <li>중부권(강원/충청)</li>
                        <li>30대</li>
                        <li>핸디 : 12</li>
                        <li>평균타수 : 120</li>
                    </ul>
                    <label for="a2"></label>
                    <input type="checkbox" id="a2" /><!-- id값과 for값이 동일하게 작업하세요!  -->                    
                </li>
            </ul><!-- //  class="person_list" 끝  --> 
        </div><!-- //  class="person_take" 끝  --> 
        
        <!--btn-->
        <div data-role="controlgroup" data-type="horizontal" class="updown_bt">
           <div class="ui-grid-a">
                <div class="ui-block-a"><button data-role="none" id="person_cancel_btn">참여취소 <span class="ico_S S2">icon</span></button></div>
                <div class="ui-block-b"><button data-role="none" id="person_confirm_btn">참여승인 <span class="ico_S S1">icon</span></button></div>
           </div>
        </div> 
        
        <!--신청자 영역-->
        <div class="person_take">
            <h3>신청자  <span>10명</span></h3>
            
            <ul data-role="none" class="person_list" id="person_apply_member_listview">
                <!--신청자 없을때 보여주는 영역-->
                <!--li class="no_l">신청자 목록이 없습니다.</li-->
                
                <li>
                    <a href="#" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h5>잭니클라우스</h5>                    
                    <ul class="per_info">
                        <li>
                            <!--남자일때-->
                            <!--span class="sex_m">남</span-->
                            
                            <!--여자일때 -->
                            <span class="sex_w">여</span>
                        </li>
                        <li>수도권(서울/경기/인천)</li>
                        <li>30대</li>
                        <li>핸디 : 12</li>
                        <li>평균타수 : 120</li>
                    </ul>
                    <label for="a3"></label>
                    <input type="checkbox" id="a3" /><!-- id값과 for값이 동일하게 작업하세요!  -->                    
                </li>
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h5>타이거우즈</h5>                    
                    <ul class="per_info">
                        <li>
                            <!--남자일때-->
                            <span class="sex_m">남</span>
                            
                            <!--여자일때 -->
                            <!--span class="sex_w">여</span-->
                        </li>
                        <li>중부권(강원/충청)</li>
                        <li>30대</li>
                        <li>핸디 : 12</li>
                        <li>평균타수 : 120</li>
                    </ul>
                    <label for="a4"></label>
                    <input type="checkbox" id="a4" /><!-- id값과 for값이 동일하게 작업하세요!  -->                    
                </li>
                
                <li>
                    <a href="../mypage/profile_view.html" data-transition="slide"><img src="../images/noimg_100_100.gif" alt=""/> </a>
                    <h5>잭니클라우스</h5>                    
                    <ul class="per_info">
                        <li>
                            <!--남자일때-->
                            <!--span class="sex_m">남</span-->
                            
                            <!--여자일때 -->
                            <span class="sex_w">여</span>
                        </li>
                        <li>수도권(서울/경기/인천)</li>
                        <li>30대</li>
                        <li>핸디 : 12</li>
                        <li>평균타수 : 120</li>
                    </ul>
                    <label for="a5"></label>
                    <input type="checkbox" id="a5" /><!-- id값과 for값이 동일하게 작업하세요!  -->                    
                </li>
            </ul><!-- //  class="person_list" 끝  --> 
        </div><!-- //  class="person_take" 끝  --> 
              
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
